<template>
    <!-- homeSub/pages/findDetail/findDetail.wxml -->
    <view class="find-wrap">
        <view class="title">{{ findDetail.title }}</view>
        <view class="category-name-wrap" v-if="findDetail.findClassName">
            <text class="category-name">{{ findDetail.findClassName }}</text>
        </view>
        <view class="time-wrap" v-if="type === 'active'">
            <view class="time">{{ findDetail.createTime }}</view>
            <view class="vertical">|</view>
            <view class="num">{{ findDetail.readCount || findDetail.readNumber }}人阅读</view>
        </view>
        <view class="time-wrap" v-else>
            <view class="num">{{ findDetail.readCount || findDetail.readNumber }}人阅读</view>
            <view class="vertical">|</view>
            <view class="time">{{ findDetail.createTime }}</view>
        </view>
        <view style="font-size: 24rpx;color: #999;" v-if="type === 'active2'"> 活动时间：{{findDetail.startTime}}-{{findDetail.endTime}}</view>
        <view class="takeaway" v-if="type === 'active'">
            <view class="takeaway_label">导读</view>
            <view class="takeaway_content">{{ findDetail.readGuide || '' }}</view>
        </view>
        <view class="content">
            <rich-text :nodes="findDetail.content || findDetail.details"></rich-text>
            <!-- <view>
            一、活动时间
            整体活动时间为2021年10月21日00:00:00—
            2021年11月11日21:59:59，其中不同玩法具
            体活动时间如下：
        </view>
        <view>
            【玩法一】收集喵糖得红包：2021年10月21日
            00:00:00—2021年11月11日21:59:59
        </view>
        <view>
            【玩法二】扔糖赢红包：2021年10月21日00:0
            0:00—2021年11月9日21:59:59
        </view>
        <view>
            【玩法三】兑双11红包：2021年11月10日7:0
            0:00—2021年11月11日21:59:59
        </view>
        <view>
            【玩法四】开心愿奖：2021年11月11日14:0
            0:00—2021年11月11日21:59:59
        </view>
        <view>
            二、参与条件
            淘宝注册用户，APP均已更新到最新版本。在本
            活动中进行组队或助力的，组队者淘气值须在40
            1分及以上方可参与，被邀请助力者淘气值须在4
            51分及以上方可有效助力。
        </view> -->
        </view>
        <view class="bottom_txt">
            <view class="line"></view>
            <view class="line_txt">已经到底了</view>
            <view class="line"></view>
        </view>
        <view class="pageJump" v-if="type === 'active'">
            <view class="pre" @tap="next" :data-id="ids.last">上一篇</view>
            <view class="next" @tap="next" :data-id="ids.next">下一篇</view>
        </view>
    </view>
</template>

<script>
	'use strict';

	// exports.__esModule = true; // homeSub/pages/findDetail/findDetail.ts

	var find_1 = require('./../../../api/find.js');
	export default {
		data() {
			return {
				ids: {
					next: '15',
					last: '30'
				},

				findDetail: {
					title: '标题',
					imgPath: '',
					readGuide: '导读',
					content: '内容',
					findClassName: '分类名称',
					readCount: '阅读数11',
					createTime: '2022-05-05'
				},

				id: '',
				type: ''
			};
		}
		/**
		 * 生命周期函数--监听页面加载
		 */,
		onLoad: function (option) {
			this.id=option.id
			this.type=option.type
      console.log(this.type)
			if(this.type === 'active2'){
				this.getFindMore2(this.id);
				this.getFindRead2(this.id);
			}else {
				this.getFindMore(this.id);
				this.getFindRead(this.id);
			}
		},
		/**
		 * 生命周期函数--监听页面初次渲染完成
		 */
		onReady: function () {},
		/**
		 * 生命周期函数--监听页面显示
		 */
		onShow: function () {

		},
		/**
		 * 生命周期函数--监听页面隐藏
		 */
		onHide: function () {},
		/**
		 * 生命周期函数--监听页面卸载
		 */
		onUnload: function () {},
		/**
		 * 页面相关事件处理函数--监听用户下拉动作
		 */
		onPullDownRefresh: function () {},
		/**
		 * 页面上拉触底事件的处理函数
		 */
		onReachBottom: function () {},
		/**
		 * 用户点击右上角分享
		 */
		onShareAppMessage: function () {},
		methods: {
			next: function (e) {
				var id = e.currentTarget.dataset.id||0;
				this.getFindMore(id);
			},

			getFindMore(id) {
				let that = this
				find_1.getFindMore(id).then((res) => {
					if (res.code == 0) {
						if (!res.data) {
							uni.showToast({
								title: '暂无数据',
								icon: 'none'
							})
						}
						const { last, next } = res.data
						let content;
						content = res.data.find.content.replace(/<p([\s\w"=\/\.:;]+)((?:(style="[^"]+")))/ig, '<p')
							.replace(/<p>/ig, '<p style="font-size: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box-webkit-line-clamp: 1;-webkit-box-orient: vertical;">')
							.replace(/<img([\s\w"-=\/\.:;]+)((?:(height="[^"]+")))/ig, '<img$1')
							.replace(/<img([\s\w"-=\/\.:;]+)((?:(width="[^"]+")))/ig, '<img$1')
							.replace(/<img([\s\w"-=\/\.:;]+)((?:(style="[^"]+")))/ig, '<img$1')
							.replace(/<img([\s\w"-=\/\.:;]+)((?:(alt="[^"]+")))/ig, '<img$1')
							.replace(/<img([\s\w"-=\/\.:;]+)/ig, '<img style="width: 100%;" $1');
						that.setData({
							findDetail: res.data.find,
							ids: { last, next }
						})
						that.findDetail.content=content
					}
				})
			},
			getFindRead: function (id) {
				var that = this;
				find_1.getFindRead(id).then(function (res) {
					if (res.code == 0) {
						console.log(res);
					}
				});
			},

			getFindMore2(id) {
				let that = this
				find_1.preview(id).then((res) => {
					if (res.code == 0) {
						if (!res.data) {
							uni.showToast({
								title: '暂无数据',
								icon: 'none'
							})
						}
						const { last, next } = res.data
						let content;
						content = res.data.details.replace(/<p([\s\w"=\/\.:;]+)((?:(style="[^"]+")))/ig, '<p')
							.replace(/<p>/ig, '<p style="font-size: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box-webkit-line-clamp: 1;-webkit-box-orient: vertical;">')
							.replace(/<img([\s\w"-=\/\.:;]+)((?:(height="[^"]+")))/ig, '<img$1')
							.replace(/<img([\s\w"-=\/\.:;]+)((?:(width="[^"]+")))/ig, '<img$1')
							.replace(/<img([\s\w"-=\/\.:;]+)((?:(style="[^"]+")))/ig, '<img$1')
							.replace(/<img([\s\w"-=\/\.:;]+)((?:(alt="[^"]+")))/ig, '<img$1')
							.replace(/<img([\s\w"-=\/\.:;]+)/ig, '<img style="width: 100%;" $1');
						that.setData({
							findDetail: res.data,
							ids: { last, next }
						})
						that.findDetail.content=content
					}
				})
			},
			getFindRead2: function (id) {
				var that = this;
				find_1.addReadNumber(id).then(function (res) {
					if (res.code == 0) {
						console.log(res);
					}
				});
			}
		}
	};
</script>
<style lang="less">
    @import url("./findDetail.less");
    /* homeSub/pages/findDetail/findDetail.wxss */
</style>
